@import './common';
page{
	// background-color:#F8F8F8;
}

.tab-wrap{
	height: setSize(88);

	.tab-box{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		background-color:#fff;
	}
}

.user-btn-wrap{
	width:100%;
	height:setSize(26*2 + 50);

	.user-btn-box{
		position:fixed;
		top:0;
		width:100%;
		box-sizing:border-box;
		padding: setSize(26) setSize(37);
		background-color: #edeff3;
		color: #8A8A8A;

		.btn{
			width: setSize(150);
			height: setSize(50);
			line-height: setSize(50);
			background-color:$mainColor;
			color: #fff;
			border-radius:setSize(100);
			font-size: setSize(32);
		}
	}
}

.lists{
	margin-top: setSize(24);
	// background-color:#fff;

	.list-item{
		// color: #393939;
		font-size: setSize(28);

		.avat-box{
			box-sizing:border-box;
			padding: setSize(30) setSize(30) setSize(20) setSize(38);

			.avat{
				display: block;
				width: setSize(69);
				height: setSize(69);
				border-radius: 50%;
			}
		}

		.cont-box{
			box-sizing:border-box;
			padding-top:setSize(20);
			padding-right:setSize(30);
			border-bottom:setSize(1) solid #131213;
			@include ellipsis;

			.text-box{
				box-sizing:border-box;
				padding-right:setSize(20);
				@include ellipsis;

				.title{
					margin-top: setSize(10);
					margin-bottom: setSize(25);
					// color: #393939;
					@include ellipsis;
				}

				.name-default{
					color:#bbb;
					@include ellipsis;
				}

				.name{
					color: $mainColor;
					@include ellipsis;
				}

				.lable{
					margin-bottom: setSize(6);
					font-size: setSize(24);
					color: #BBB;
				}

				.time{
					margin-top: setSize(6);
					margin-bottom: setSize(10);
					font-size: setSize(22);
					color: #BBB;
				}
			}

			.img-box{

				.img{
					display: block;
					width: setSize(90);
					height: setSize(90);
				}
			}
		}
	}
}